<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <%--<link href="/static/css/index2.css" rel="stylesheet">--%>
    <script type="text/javascript" src="/static/js/jquery-3.2.1.js"></script>
    <script>
        $(function () {
            //地区
            $.post(
                "/mains/area",
                function (areas) {
                    for(let i in areas){
                        $("[name='xid']").append("<option value='"+areas[i].xid+"'>"+areas[i].xname+"</option>");
                    }
                }
            );
            //乡镇
            $.post(
                "/mains/country",
                function (countrys) {
                    for(let i in countrys){
                        $("[name='yid']").append("<option value='"+countrys[i].yid+"'>"+countrys[i].yname+"</option>");
                    }
                }
            );
            //小区
            $.post(
                "/mains/garden",
                function (gardens) {
                    for(let i in gardens){
                        $("[name='zid']").append("<option value='"+gardens[i].zid+"'>"+gardens[i].zname+"</option>");
                    }
                }
            );
        })
        //添加附表行
        let i =0;
        function zj(obj) {
            i++;
            let str = "<span>\n" +
                "            开始时间：<input type='text' name='infos[0].startTime'/>\n" +
                "            结束时间：<input type='text' name='infos[0].endTime'/>\n" +
                "            价格：<input type='text' name='infos[0].price'/>\n" +
                "            <input type='button' value='+' onclick='zj(this)'/>\n" +
                "            <input type='button' value='-' onclick='sc(this)'/><br/>\n" +
                "        </span>";
            $("#infos").append(str);
        }
        //删除附表行
        function sc(obj) {
            i--;
            $(obj).parent().remove();
        }

        //添加
        function add() {
            let xid = $("[name='xid']").val();
            if (xid==""){
                alert("请选择1");
                return;
            }
            let yid = $("[name='yid']").val();
            if (yid==""){
                alert("请选择2");
                return;
            }
            let zid = $("[name='zid']").val();
            if (zid==""){
                alert("请选择3");
                return;
            }
            $.post(
                "/mains/add",
                $("form").serialize(),
                function (map) {
                    if (map.error!=""){
                        alert(map.error);
                    }else {
                        alert(map.success);
                        location.href = "/mains/list";
                    }
                }
            );

        }
    </script>
</head>
<body>
<form>
    <input type="text" name="uid" value="${uid}"/><br/>
    地区名称：<select name="xid" onchange="xz1()">
                <option value="">--请选择--</option>
            </select><br/>
    乡镇名称：<select name="yid" onchange="xz2()">
                <option value="">--请选择--</option>
            </select><br/>
    小区名称：<select name="zid" onchange="xz3()">
                <option value="">--请选择--</option>
            </select><br/>
    <div id="infos">
        <span>
            开始时间：<input type="text" id="s1" name="infos[0].startTime"/>
            结束时间：<input type="text" name="infos[0].endTime"/>
            价格：<input type="text" name="infos[0].price"/><span id="sp"></span>
            <input type="button" value="+" onclick="zj(this)"/>
            <input type="button" value="-" onclick="sc(this)"/><br/>
        </span>
    </div>
    <button type="button" onclick="add()">添加</button>
</form>
</body>
</html>